<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小原焊钳选型数据库</title>
    <link rel="icon" href="icon/Obara_logo.jpg" type="image/x-icon"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="css/lrtk.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.imgbox.pack.js"></script>
</head>
<body>
<!--首页导航栏-->
<div class="container-fluid">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<nav class="navbar navbar-default" role="navigation" >
				<div class="navbar-header ">
					 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">焊钳分类</a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="active">
							 <a href="obaragun.html" target="_self">NOC</a>
						</li>
						<li>
							 <a href="obaragun-nox.html" target="_self">NOX</a>
						</li>
						<li class="dropdown">
							 <a href="#" class="dropdown-toggle" data-toggle="dropdown">UC<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									 <a href="#uc" data-toggle="tab">UC</a>
								</li>
								<li>
									 <a href="#uch" data-toggle="tab">UCH</a>
								</li>
								<li>
									 <a href="#ucr" data-toggle="tab">UCR</a>
								</li>
							</ul>
						</li>
                        <li class="dropdown">
							 <a href="#" class="dropdown-toggle" data-toggle="dropdown">UX<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									 <a href="#ux" data-toggle="tab">UX</a>
								</li>
								<li>
									 <a href="#uch" data-toggle="tab">UXH</a>
								</li>
								<li>
									 <a href="#ucr" data-toggle="tab">UXR</a>
								</li>
							</ul>
						</li>
					</ul>
					<form class="navbar-form navbar-left" role="search">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="输入图号 | Input Drawing Code" size="25"/>
						</div>
                        <button type="submit" class="btn btn-default"><img src="icon/search.png" width="18px"></button>
					</form>
					<ul class="nav navbar-nav navbar-right">
						<li>
							 <a href="http://www.obara.com.cn/" target="_blank">访问小原（中国）官网</a>
						</li>
						<li class="dropdown">
							 <a href="#" class="dropdown-toggle" data-toggle="dropdown">更多<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									 <a href="#">焊接原理</a>
								</li>
								<li>
									 <a href="#">技术规范</a>
								</li>
								<li>
									 <a href="#">客户服务</a>
								</li>
								<li class="divider">
								</li>
								<li>
									 <a href="#">系统说明</a>
								</li>
                                <li>
									 <a href="#">使用反馈</a>
								</li>
                                <li>
									 <a href="index.html">退出登录</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>

			</nav>
		</div>
	</div>
</div>
<!--查询结果页-->
<div class="container-fluid">
    <div class="table-responsive">
         <table class="table table-bordered">
         <caption style="font-size: x-large">查询结果&nbsp;&nbsp;<img src="icon/direction.png" width="25px"></caption>
         <thead>
            <tr class="info">
            <th>图号</th>
            <th>喉深</th>
            <th>喉宽</th>
            <th>加压力</th>
            <th>工作行程</th>
            <th>辅助行程</th>
            <th>吊具</th>
            <th>气缸类型</th>
            <th>电极臂端部</th><th>预览（点击大图）</th>
            <th>CAD下载</th>
            <th>STEP下载</th>
            </tr>
         </thead>
         <tbody>
            <tr>
            <td>NOC-C1658</td>
            <td>280</td>
            <td>430</td>
            <td>30</td>
            <td>150</td>
            <td>3450</td>
            <td>普通(A,G等)</td>
            <td>无给油</td>
            <td>握杆</td><td><a class="bigimg2" href="img/NOC-C1658.png" target="_blank"><img src="img/NOC-C1658.png" alt="NOC-C1658" height="20px"></a></td>
            <td><button class="btn btn-default btn-xs"><img src="icon/download.png" height="20px"></button></td>
            <td><button class="btn btn-default btn-xs"><img src="icon/download3d.png" height="20px"></button></td>
            </tr>
         </tbody>
         </table>
    </div>
</div>


<!--通用页脚-->
<footer class="navbar-fixed-bottom">
    <hr/>
    <div class="row footer-bottom">
      <ul class="list-inline text-center">
          <li><a href="http://www.obara.com.cn/" target="_blank"><span style="font-size: medium">版权所有 © 1994-2019 小原（南京）机电有限公司</span></a></li>
      </ul>
    </div>
</footer>
<!--查看大图脚本-->
<!--感谢懒人图库http://www.lanrentuku.com/提供源码-->
<script type="text/javascript">
    $(document).ready(function() {
        $(".bigimg2").imgbox({
			    'zoomOpacity'	: true,
				'alignment'		: 'center'
			});

        $(".bigimg").imgbox({
            'speedIn'		: 0,
            'speedOut'		: 0,
            'alignment'		: 'center',
            'overlayShow'	: true,
            'allowMultiple'	: false
        });
    });
</script>
</body>
</html>